<template>
    <link rel="icon" :href="logoUrl" />
    <meta name="keywords" :content="keywords" />
    <meta name="description" :content="description" />
</template>
<script lang="ts" setup>
    import { usePageContext } from 'vike-vue/usePageContext'
    import { useData } from 'vike-vue/useData'
    import logoUrl from '@/assets/logo.svg'
    import { computed,onMounted } from 'vue'
    const data = useData()
    const ctx = usePageContext()
    const keywords = computed(() => {
        return data.keywords || ctx.config.keywords || ctx.config.siteName
    })
    const description = ctx.config.description||'Demo showcasing Vike + Vue + Pinia'
</script>
  